<template>
	<view class="iconfont" :class="icon" :style="'font-size:'+size+'rpx;color:'+color+';'+custom"></view>
</template>
<script setup>
	import {
		ref
	} from "vue"

	defineProps({
		size: {
			type: String,
			default: "32"
		},
		color: {
			type: String,
			default: "#333"
		},
		custom: {
			type: String,
			default: ""
		},
		icon: String
	})
</script>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url('../font/iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		// font-size: 32rpx;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		// vertical-align: bottom;
	}
	//邀请
	.invite:before {
		content: "\e618";
	}
	//社群
	.group:before {
		content: "\e723";
	}
	//采购
	.purchase:before {
		content: "\e60c";
	}
	//购物车
	.car:before {
		content: "\e601";
	}
	//用户
	.user:before {
		content: "\e716";
	}
	//地址
	.location:before {
		content: "\e619";
	}
	//星星
	.star:before {
		content: "\e868";
	}
	//店铺
	.shop:before {
		content: "\e736";
	}
	//冷冻
	.freeze:before {
		content: "\e6c5";
	}
	//辣椒
	.chili:before {
		content: "\e6a5";
	}
	//调料
	.season:before {
		content: "\e731";
	}
	
	
	
	
	

</style>